<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>《崩坏3》 - 注册</title>
    <link rel="shortcut icon" href="../icon/favicon.ico">
    <link rel="stylesheet" href="../css/iconfont.css">
    <link rel="stylesheet" href="../css/main.css">
    <link rel="stylesheet" href="../css/regist.css">
    <script src="../js/jQuery.js"></script>
    <script src="../js/axios.min.js"></script>
    <script src="../js/regist.js"></script>
</head>

<body>
    <div id="root">
        <div class="mhy-verify-container">
            <img src="../img/login-mihoyologo.png" alt="米哈游" class="mihoyo-logo">
            <div class="mhy-register mhy-container-content">
                <header class="mhy-verify-header">
                    <h2>注册米哈游通行证</h2>
                    <div class="protect">
                        <div class="mhy-checkbox">
                            <div class="box-container"><i class="anticon mhy-icon icon-check"></i></div>
                        </div>
                        已阅读并同意
                        <a href="">《米哈游用户协议》</a>
                        <a href="">《米哈游隐私政策》</a>
                    </div>
                </header>
                <form>
                    <div class="mhy-form-input input-item">
                        <div class="input-container">
                            <input type="text">
                            <!---->
                            <div class="input-label">
                                手机号
                            </div>
                            <div class="input-line"></div>
                        </div>
                        <!---->
                        <p class="error-text">
                            <i class="anticon mhy-icon icon-closecircle"></i>
                            手机号不能为空
                        </p>
                        <p class="error-text-rule">
                            <i class="anticon mhy-icon icon-closecircle"></i>
                            手机格式错误
                        </p>
                    </div>
                    <div class="mhy-form-input input-item">
                        <div class="input-container">
                            <input type="password">
                            <!---->
                            <div class="input-label">
                                密码为8-15位(不能全是字母或数字)
                            </div>
                            <div class="input-line"></div>
                        </div>
                        <!---->
                        <p class="error-text">
                            <i class="anticon mhy-icon icon-closecircle"></i>
                            密码不能为空
                        </p>
                        <p class="error-text-rule">
                            <i class="anticon mhy-icon icon-closecircle"></i>
                            密码格式错误
                        </p>
                    </div>
                    <div class="mhy-form-input input-item">
                        <div class="input-container">
                            <input type="password">
                            <!---->
                            <div class="input-label">
                                确认密码
                            </div>
                            <div class="input-line"></div>
                        </div>
                        <!---->
                        <p class="error-text">
                            <i class="anticon mhy-icon icon-closecircle"></i>
                            确认密码不能为空
                        </p>
                        <p class="error-text-rule">
                            <i class="anticon mhy-icon icon-closecircle"></i>
                            两次输入的密码不同
                        </p>
                    </div>
                    <div class="mhy-button register-btn is-block">
                        <div class="btn">
                            注 册
                        </div>
                    </div>
                </form>
                <div class="register-bar">
                    <!---->
                    <a href="./login.html">返回登录</a>
                </div>
                <div class="mhy-toast">
                    请先阅读并同意协议
                </div>
            </div>
        </div>
</body>

</html>